var questionData=		[	{id:'MSW_12000', size:'short', path:'../images/item12/12000_initial_item12.png'},
							{id:'MSW_12010', size:'short', path:'../images/item12/12010_spell_check_pane_item12.png'},
							{id:'MSW_05011', size:'long', path:'../images/item05/apply_styles_task_pane_dropdown.png'},
							{id:'MSW_05020', size:'long', path:'../images/item05/05020_styles_pane_item5.png'},
							{id:'MSW_RESULT_1', size:'long', path:'../images/item12/result1_item12.png'},
							{id:'MSW_RESULT_2', size:'long', path:'../images/item12/result2_item12.png'}];
					

var questionHotspots=	[	
		{
			id:'MSW_12000', actions:{
				click:{
					correct:{
						iconName:	['Book','SpellingAndGrammar','AddToDictionary'], 
						nextPath:	['MSW_12010','MSW_12010','MSW_RESULT_1']
						
					},
					dead:		['Styles','Normal','SelectedTxt','Replace']
				},
				rightClick:{
					correct:{
						iconName:	['SelectedTxt'], 
						nextPath:	['']
						
					},
					dead:		[]
				},
				mouseUp:{
					correct:	[],
					dead:		['']
				},
				doubleClick:{
					correct:	[],
					dead:		['SelectedTxt']
				},
				
				keys: {
					keyUp: {
						correct: [
							{
							  char: "F7",//F7
							  code: "118",
							  alt: "false",
							  ctrl: "false",
							  shift: "false",							  
							  page: "0",
							  seqLen: "1",
							  element: "NA",
							  rightClick: "false",
							  dropDown:	"false",
							  nextPath: "MSW_12010"
							},
							{
							  char: "S",//alt+R+S
							  code: "83",
							  alt: "false",
							  ctrl: "false",
							  shift: "false",							  
							  page: "0",
							  seqLen: "3",
							  element: "NA",
							  rightClick: "false",
							  dropDown:	"false",
							  nextPath: "MSW_12010"
							},
							{
							  char: "",
							  code: "13",//enter method
							  alt: "false",
							  ctrl: "false",
							  shift: "false",							  
							  page: "0",
							  seqLen: "1",
							  element: "AddToDictionary",
							  rightClick: "true",
							  dropDown:	"false",
							  nextPath: "MSW_RESULT_1"
							},
							{
							  char: "",
							  code: "32",//spacebar method
							  alt: "false",
							  ctrl: "false",
							  shift: "false",							  
							  page: "0",
							  seqLen: "1",
							  element: "AddToDictionary",
							  rightClick: "true",
							  dropDown:	"false",
							  nextPath: "MSW_RESULT_1"
							},
							{
							  char: "A",
							  code: "65",//A in dropDown
							  alt: "false",
							  ctrl: "false",
							  shift: "false",							  
							  page: "0",
							  seqLen: "1",
							  element: "NA",
							  rightClick: "true",
							  dropDown:	"false",
							  nextPath: "MSW_RESULT_1"
							},
							{
							  char: "A",
							  code: "65",//shift+A in dropDown
							  alt: "false",
							  ctrl: "false",
							  shift: "true",							  
							  page: "0",
							  seqLen: "1",
							  element: "NA",
							  rightClick: "true",
							  dropDown:	"false",
							  nextPath: "MSW_RESULT_1"
							}
						],
						dead: [							
							{
							  char: "R",//alt+h+r
							  code: "82",
							  alt: "false",
							  ctrl: "false",
							  shift: "false",							  
							  page: "0",
							  seqLen: "3",
							  element: "NA",
							  rightClick: "false",
							  dropDown:	"false"
							},
							{
							  char: "H",//ctrl+h
							  code: "72",
							  alt: "false",
							  shift: "false",							  
							  ctrl: "true",
							  page: "0",
							  seqLen: "1",
							  element: "NA",
							  rightClick: "false",
							  dropDown:	"false"
							}
						]
					}
				}
			},
			htmls: {
				
			},
			marks: {//s-HOTSPOT - INVISIBLE AREA
				//s_dead: 							[0, 0, 940, 432, [], [], []]				
				s_SelectedTxt:						[220, 110, 277, 122, [], [], []]				
				
				//FOOTER-STATUSBAR
				,m_Page:	 						[1, 434, 78, 457, [''], ['h_Page'], []]
				,m_Word:	 						[80, 434, 187, 457, [''], ['h_Word'], []]
				,m_Book:	 						[190, 434, 218, 457, [''], ['h_Book'], []]
				,m_ReadMode: 						[650, 434, 685, 457, [''], ['h_ReadMode'], []]
				,m_PrintLayout: 					[685, 434, 725, 457, [''], ['h_PrintLayout'], []]
				,m_WebLayout: 						[725, 434, 760, 457, [''], ['h_WebLayout'], []]
				,m_ZoomOut: 						[765, 440, 775, 450, [''], ['h_ZoomOut'], []]
				,m_Zoom:	 						[775, 440, 881, 450, [''], ['h_Zoom'], []]
				,m_ZoomIn:	 						[880, 440, 892, 450, [''], ['h_ZoomIn'], []]
				,m_ZoomLevel: 						[898, 434, 938, 457, [''], ['h_ZoomLevel'], []]
				////
				
			},action: {
				//FOOTER-STATUSBAR
				h_Page:	 							[1, 434, 78, 457]
				,h_Word:	 						[80, 434, 187, 457]
				,h_Book:	 						[190, 434, 218, 457]
				,h_ReadMode: 						[650, 434, 685, 457]
				,h_PrintLayout: 					[685, 434, 725, 457]
				,h_WebLayout: 						[725, 434, 760, 457]
				,h_ZoomOut: 						[765, 440, 775, 450]
				,h_Zoom:	 						[824, 438, 830, 450]
				,h_ZoomIn:	 						[880, 440, 892, 450]
				,h_ZoomLevel: 						[898, 434, 938, 457]
				////
			}			
		},
		{
			id:'MSW_12010', actions:{
				click:{
					correct:{
						iconName:	['styleNameDropdownArrow','stylesBtn'], 
						nextPath:	['MSW_05011','MSW_05020']
						
					},
					dead:			['titleTxt','taskPaneOptions','autoComplete']
				},
				rightClick:{
					correct:{
						iconName:	[''], 
						nextPath:	['']
						
					},
					dead:			['']
				},
				mouseUp:{
					correct:		[''],
					dead:			['']
				},
				doubleClick:{
					correct:{
						iconName:	[''], 
						nextPath:	[]
					},
					dead:			['','']
					
				},
				
				keys: {
					keyUp: {
						correct: [
							{
							  char: "L",
							  code: "76",
							  alt: "false",
							  ctrl: "false",
							  shift: "false",							  
							  page: "0",
							  seqLen: "1",
							  element: "Select",
							  rightClick: "true",
							  dropDown:	"false",
							  nextPath: "MSW_RESULT"
							}
						],
						dead: [
							{
							  char: "",
							  code: "18",
							  alt: "false",
							  ctrl: "false",
							  shift: "false",							  
							  page: "0",
							  seqLen: "1",
							  element: "NA",
							  rightClick: "false",
							  dropDown:	"true"							  
							}
						]
					}
				}
			},htmls: {
				t_FilenameTxt: 					[386, 58, 543, 70, '<input type="text" id="t_FilenameTxt" class="textboxplain" onkeyup="tfKeyUpHandler()" onclick="onTextFieldClickHandler()" value="Normal" style="font-size:12px;">']
				
				,t_ApplyBtnTxt: 				[386, 91, 433, 105, '<input type="text" id="t_ApplyBtnTxt" class="textboxplain" value="Reapply" disabled style="background-color:white;font-size:12px;">']
				
			},marks: {
				
				s_styleNameDropdownArrow:		[573, 54, 594, 73, [], [], []]
				,s_stylesBtn:					[523, 84, 544, 113, [], [], []]
				,s_titleTxt:					[380, 8, 500, 36, [], [], []]
				,s_taskPaneOptions:				[554, 8, 570, 26, [], [], []]
				,s_autoComplete:				[380, 120, 545, 138, [], [], []]
				
				
			},action: {
				
			}			
		},
		{
			id:'MSW_05011', actions:{
				click:{
					correct:{
						iconName:	['Heading2'], 
						nextPath:	['MSW_RESULT']
						
					},
					dead:			['titleTxt','taskPaneOptions','scrollbar']
				},
				rightClick:{
					correct:{
						iconName:	[''], 
						nextPath:	['']
						
					},
					dead:			[]
				},
				mouseUp:{
					correct:		[],
					dead:			['']
				},
				doubleClick:{
					correct:{
						iconName:	[], 
						nextPath:	[]
					},
					dead:			['','']
					
				},
				
				keys: {
					keyUp: {
						correct: [
							{
							  char: "",
							  code: "13",//enter method
							  alt: "false",
							  ctrl: "false",
							  shift: "false",							  
							  page: "0",
							  seqLen: "1",
							  element: "Heading2",
							  rightClick: "false",
							  dropDown:	"true",
							  nextPath: "MSW_RESULT"
							}
						],
						dead: [
							{
							  char: "",
							  code: "18",
							  alt: "false",
							  ctrl: "false",
							  shift: "false",							  
							  page: "0",
							  seqLen: "1",
							  element: "NA",
							  rightClick: "false",
							  dropDown:	"true"							  
							}
						]
					}
				}
			},htmls: {
				t_StyleNameTxt: 			[386, 58, 543, 70, '<input type="text" id="t_StyleNameTxt" class="textboxplain" value="Normal" style="font-size:12px;">']
				
			},marks: {				
				
				s_titleTxt:					[380, 8, 500, 36, [], [], []]
				,s_taskPaneOptions:			[554, 8, 570, 26, [], [], []]
				,s_scrollbar:				[574, 75, 590, 192, [], [], []]
				
				,m_ClearAll:				[386, 75, 573, 90, [], ['h_ClearAllDrop'], []]
				,m_Normal:					[386, 90, 573, 103, [], ['h_NormalDrop'], []]
				,m_NoSpacing:				[386, 103, 573, 116, [], ['h_NoSpaceDrop'], []]
				,m_Heading1:				[386, 116, 573, 129, [], ['h_Heading1Drop'], []]
				,m_Heading2:				[386, 129, 573, 142, [], ['h_Heading2Drop'], []]
				,m_Heading3:				[386, 142, 573, 155, [], ['h_Heading3Drop'], []]
				,m_Heading4:				[386, 155, 573, 168, [], ['h_Heading4Drop'], []]
				,m_Title:					[386, 168, 573, 181, [], ['h_TitleDrop'], []]
				,m_Subtitle:				[386, 181, 573, 194, [], ['h_SubtitleDrop'], []]
								
			},action: {
				h_ClearAllDrop:				[386, 75, 573, 90]
				,h_NormalDrop:				[386, 90, 573, 103]
				,h_NoSpaceDrop:				[386, 103, 573, 116]
				,h_Heading1Drop:			[386, 116, 573, 129]
				,h_Heading2Drop:			[386, 129, 573, 142]
				,h_Heading3Drop:			[386, 142, 573, 155]
				,h_Heading4Drop:			[386, 155, 573, 168]
				,h_TitleDrop:				[386, 168, 573, 181]
				,h_SubtitleDrop:			[386, 181, 573, 194]
			}			
		},
		{
			id:'MSW_05020', actions:{
				click:{
					correct:{
						iconName:	['Heading2'], 
						nextPath:	['MSW_RESULT']
						
					},
					dead:			['titleTxt','taskPaneOptions','scrollbar','showPreview']
				},
				rightClick:{
					correct:{
						iconName:	[''], 
						nextPath:	['']
						
					},
					dead:			['']
				},
				mouseUp:{
					correct:		[''],
					dead:			['']
				},
				doubleClick:{
					correct:{
						iconName:	[], 
						nextPath:	[]
					},
					dead:			['','']
					
				},
				
				keys: {
					keyUp: {
						correct: [
							{
							  char: "",
							  code: "13",//enter method
							  alt: "false",
							  ctrl: "false",
							  shift: "false",							  
							  page: "0",
							  seqLen: "1",
							  element: "Heading2",
							  rightClick: "false",
							  dropDown:	"true",
							  nextPath: "MSW_RESULT"
							}
						],
						dead: [
							{
							  char: "",
							  code: "18",
							  alt: "false",
							  ctrl: "false",
							  shift: "false",							  
							  page: "0",
							  seqLen: "1",
							  element: "NA",
							  rightClick: "false",
							  dropDown:	"true"							  
							}
						]
					}
				}
			},htmls: {
				
			},marks: {				
				s_titleTxt:					[368, -75, 430, -46, [], [], []]
				,s_taskPaneOptions:			[514, -75, 530, -55, [], [], []]
				,s_scrollbar:				[524, -40, 540, 320, [], [], []]
				,s_showPreview:				[368, 330, 470, 350, [], [], []]
				
				,m_NoSpacing:				[374, 0, 527, 22, [], ['B_NoSpaceDrop'], []]
				,m_Heading1:				[374, 20, 527, 42, [], ['B_Heading1Drop'], []]
				,m_Heading2:				[374, 40, 527, 60, [], ['B_Heading2Drop'], []]
				,m_Heading3:				[374, 58, 527, 80, [], ['B_Heading3Drop'], []]
				,m_Heading4:				[374, 80, 527, 100, [], ['B_Heading4Drop'], []]
				,m_Title:					[374, 100, 527, 121, [], ['B_TitleDrop'], []]
				,m_Subtitle:				[374, 120, 527, 141, [], ['B_SubtitleDrop'], []]
				,m_SubtitleEmphasis:		[374, 140, 527, 161, [], ['B_SubtitleEmphasis'], []]
				,m_Emphasis:				[374, 160, 527, 181, [], ['B_Emphasis'], []]
				,m_IntenseEmphasis:			[374, 180, 527, 201, [], ['B_IntenseEmphasis'], []]
				,m_Strong:					[374, 200, 527, 221, [], ['B_Strong'], []]
				,m_Quote:					[374, 220, 527, 241, [], ['B_Quote'], []]
				,m_IntenseQuote:			[374, 240, 527, 261, [], ['B_IntenseQuote'], []]
				,m_SubtitleRef:				[374, 260, 527, 281, [], ['B_SubtitleRef'], []]
				,m_IntenseRef:				[374, 280, 527, 301, [], ['B_IntenseRef'], []]
				,m_BookTitle:				[374, 300, 527, 321, [], ['B_BookTitle'], []]
								
			},action: {
				B_NoSpaceDrop:				[374, 0, 527, 22]
				,B_Heading1Drop:			[374, 20, 527, 42]
				,B_Heading2Drop:			[374, 40, 527, 60]
				,B_Heading3Drop:			[374, 58, 527, 80]
				,B_Heading4Drop:			[374, 80, 527, 100]
				,B_TitleDrop:				[374, 100, 527, 121]
				,B_SubtitleDrop:			[374, 120, 527, 141]
				,B_SubtitleEmphasis:		[374, 140, 527, 161]
				,B_Emphasis:				[374, 160, 527, 181]
				,B_IntenseEmphasis:			[374, 180, 527, 201]
				,B_Strong:					[374, 200, 527, 221]
				,B_Quote:					[374, 220, 527, 241]
				,B_IntenseQuote:			[374, 240, 527, 261]
				,B_SubtitleRef:				[374, 260, 527, 281]
				,B_IntenseRef:				[374, 280, 527, 301]
				,B_BookTitle:				[374, 300, 527, 321]
			}			
		},
		{
			id:'MSW_RESULT', actions:{
				click:{
					correct:{
						iconName:	['',''], 
						nextPath:	['','']
						
					},
					dead:		['Paste']
				},
				rightClick:{
					
				},
				mouseUp:{
					
				},
				doubleClick:{
					
				}
			},marks: {
				
			},action: {
				
				
			}		
		}	
];

var dropDownKeys = {
};